<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <meta name="MobileOptimized" content="320"/>
    <link href="../../resources/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../resources/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="../../resources/css/style-metronic.css" rel="stylesheet" type="text/css"/>
    <link href="../../resources/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../resources/plugins/bootstrap-daterangepicker/daterangepicker-bs3.css" rel="stylesheet"
          type="text/css"/>


    <style>
        #submitAdd {
            display: inline-block;
            background: #000;
            color: #FFF;
            font-size: 13px;
            line-height: 22px;
            border: none;
            float: right;
            margin-right: 60px

        }
    </style>


</head>
<body>
<div class="page-content">
    <div class="row" style="padding-left:14px; padding-right:15px">
        <div class="col-md-12">
            <h3 class="page-title" style="margin-top:22px">
                店铺销售
                <small>管理系统</small>
            </h3>
            <hr/>
            <div class="container">
                <div class="col-md-3">
                    <h3 style="text-decoration:underline">添加用户</h3>
                </div>
                <div class="col-md-6 col-xs-12 login-right">

                    <form method="post" th:action="@{/manage/addUser}" action="javascript:void; " onsubmit="return checkUser();"
                          style="padding-top:80px">
                        <div>
						<span>用户名：&nbsp;
						</span> <input type="text" name="name" id="name" />
                        </div>
                        <br/>

                        <div>
						<span>账　号：&nbsp;
						</span> <input type="text" name="account" id="account"/>
                        </div>
                        <br/>

                        <div>
                            <span>手机号：&nbsp;
                            </span> <input type="text" name="phone" id="phone"/>

                        </div>
                        <br/>
                        <div style="margin-bottom: 5px;">
                            <span>角　色：&nbsp;</span>
                            <select   name="roleId">
                                 <option value="2" checked="checked">收银员</option>
                                <option value="3">理货员</option>
                            </select>
                        </div>
                        <div>
						<span>邮　箱：&nbsp;
						</span> <input type="email" name="email" id="email"/>
                        </div>
                        <br/>

                        <div>
						<span>密　码：&nbsp;
						</span>
                            <input type="text" name="password" id="pasword"/>
                        </div>
                        <br/>
                        <input id="submitAdd" type="submit" value="提交"/>
                    </form>

                </div>
                <div class="clearfix"></div>
                <div class="col-md-3"></div>
            </div>

        </div>
    </div>
</div>
</body>
<script src="../../resources/plugins/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="../../resources/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../../resources/plugins/bootstrap/js/bootstrap.js" type="text/javascript"></script>


<script type="text/javascript">
    // <![CDATA[
    function checkUser(){
        if($('#account').val()==""){
            alert("账号不能为空！");
            return false;
        } if( $('#name').val()==""){
            alert("账号不能为空！");
            return false;
        } if($('#email').val()==""){
            alert("账号不能为空！");
            return false;
        }if($('#phone').val()==""){
            alert("账号不能为空！");
            return false;
        }if($('#password').val()==""){
            alert("账号不能为空！");
            return false;
        }
        return true;
    }
    // ]]>
</script></html>
